<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>名片</title>
    <link rel="stylesheet" href="./lunbostyle.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./banner.js"></script>
</head>


<body>
<nav style="position: fixed;right: 0px;left: 0px;top: 0px;z-index: 1030;">
    <div style="float: left;margin: 10px 0 10px 300px">
        <a href="http://localhost:63342/minpian/%E5%90%8D%E7%89%87.html">
            <h1 style="font-size: 33px">MyHome</h1></a> </div>
    <div style="float: left;margin: 10px 0 10px 90px">
        <a href="http://localhost:63342/minpian/aboutMe.html"><h1>AboutMe</h1></a></div>
    <div style="float: left;margin: 10px 0 10px 90px">
        <a href="http://localhost:63342/minpian/myOpera.html"> <h1>MyOpera</h1></a></div>
</nav>

<div style="padding:1px;margin-top:0px">
    <div class="outer" id="outer">
        <div style="width: 4000px" id="banner">
            <div class="img" id="img-1"></div>
            <div class="img" id="img-2"></div>
            <div class="img" id="img-3"></div>
            <div class="img" id="img-4"></div>
        </div>
    </div>
    <div style="text-align: center">
        <button onclick="ban.toggle(-1)">前一张</button>
        <button onclick="ban.toggle(1)">后一张</button>
    </div>
</div>



</body>
</html>